{{ header }} 
{% if categories %} 
<div class="container visible-xs">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs">{{ text_blog_category }}</span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex2-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex2-collapse">
      <ul class="nav navbar-nav">
        {% for category in categories %} 
        {% if category.children %} 
        <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">
              {% for children in category %} 
              <ul class="list-unstyled">
                <li><a href="{{ children.href }}">{{ children.name }}</a></li>
              </ul>
              {% endfor %} 
            </div>
          </div>
        </li>
        {% else %}   
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}  
        {% endfor %} 
      </ul>
    </div>
  </nav>
</div>
{% endif %} 
<div class="container">
  <ul class="breadcrumb">
    {% for breadcrumb in breadcrumbs %} 
    <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
    {% endfor %} 
  </ul>
  <div class="row">{{ column_left }} 
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %} 
     
    <div id="content" class="{{ class }}">{{ content_top }} 
      {% if blogs %} 
      
        {% for blog in blogs %} 
          
          {% if cms_blog_category_page_show_image %} 
            {% if blog.thumb %} 
            <div><img src="{{ blog.thumb }}" alt="{{ blog.title }}" title="{{ blog.title }}" class="img-thumbnail" /></div>
            {% endif %} 
          {% endif %} 
          
      
          {% if cms_blog_category_page_show_title %} 
          <h4><a href="{{ blog.link }}" title="{{ blog.title }}">{{ blog.title }}</a></h4>
          {% endif %} 
          
          <div>
		
		  	{% if cms_blog_category_page_show_author  %} 
			<span><i class="fa fa-pencil"></i> <b>{{ text_written_by }}</b> {{ blog.author }}</span> 
			{% endif %} 
			
			{% if cms_blog_category_page_show_created_date  %} 
			<span><i class="fa fa-calendar"></i> <b>{{ text_created_date }}</b> {{ blog.created }}</span> 
			{% endif %} 
			
			
			{% if cms_blog_category_page_show_hits  %} 
			<span><i class="fa fa-insert-template"></i> <b>{{ text_hits }}</b> {{ blog.hits }}  </span>
			{% endif %} 		
			

			
			{% if cms_blog_category_page_show_comment_counter  %} 
			<span><i class="fa fa-comment"></i> <b>{{ text_comment_count }}</b> {{ blog.comment_count }}  </span>
			{% endif %} 	
			
		
		  </div>
          
          {% if cms_blog_category_page_show_brief %} 
            {% if blog.brief %} 
            <div>{{ blog.brief }}</div>
            {% endif %} 
          {% endif %} 
          
          
        
        <hr>
        {% endfor %}
        <div class="row">
            <div class="col-sm-6 text-left">{{ pagination }}</div>
            <div class="col-sm-6 text-right">{{ results }}</div>
        </div>
       {% else %}   
      <p>{{ text_empty }}</p>
      <div class="buttons">
        <div class="pull-right"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
      </div>
      {% endif %} 
      {{ content_bottom }}</div>
    {{ column_right }}</div>
</div>
{{ footer }} 
